<template>

	<div class="sowing_list_container">
		<el-breadcrumb separator="/">
			<el-breadcrumb-item>轮播图</el-breadcrumb-item>
			<el-breadcrumb-item>轮播图管理</el-breadcrumb-item>
		</el-breadcrumb>

		<el-card class="swiper_card">
			<!-- title -->
			<el-row class="title font18">
				<el-col>轮播图列表 </el-col>
				<el-col class="inner">
					<el-button class="add_btn" @click="add" type="primary">添加轮播图</el-button>
				</el-col>
			</el-row>
			<div class="xcx-content">
				<!--列表-->
				<el-table :data="tableData.slice((page-1)*limit,page*limit)" border>
					<el-table-column prop="img" label="轮播图">
						<div slot-scope='scope'>
							<div v-html="scope.row.img"></div>
						</div>
					</el-table-column>
					<el-table-column prop="url" label="跳转路径 "></el-table-column>
					<el-table-column prop="sort" label="排序 "></el-table-column>
					<el-table-column prop="status" label="展示状态 "></el-table-column>
					<el-table-column prop="operation" label="操作 " width="200">
						<div slot-scope="scope" class="operation">
							<el-button type="text" size="small" @click="edit(scope.row.id)">修改</el-button>
							<el-button type="text" size="small" @click="deleteRow(scope.row.id)">删除</el-button>
						</div>
					</el-table-column>
				</el-table>
			</div>
			<!-- 分页器 -->
			<el-pagination background @current-change="handleCurrentChange" :current-page="page" :page-size="limit" layout="total, prev, pager, next" :total="count">
			</el-pagination>
		</el-card>
	</div>
</template>
<script src="../../../static/js/sowing/sowing_list.js"></script>
<style scoped>
@import "../../../static/css/sowing/sowing_list.css";
</style>